import styled from 'styled-components'

export const Aesatheticrightwrap = styled.div`
&>div{
    border: #D8D8D6 1px solid;
    border-top: #AC0B0B 3px solid;
    clear: both;
    margin: 15px 0 10px 0;
    &>.title{
        font-size: 14px;
        color: #000;
        line-height: 30px;
        padding: 0 0 0 10px;
        font-weight: bold;
    }
    &>ul{
        margin: 10px;
        background: url("http://www.lmlblog.com/winter/templets/xq/images/ph.png") no-repeat 0 2px;
        list-style: none;
        &>li{
            height: 24px;
            line-height: 24px;
            color:black;
            padding-left: 27px;
            cursor: pointer;
            &:hover{
                text-decoration: underline;
                color:red;
            }
        }
    }
}
`